<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2617324_5gdttequyw7.css">
</head>
<body>
    <header>
        <ul>
            <li class="logo"><img src="./images/index/LOGO.jpg" alt=""></li>
            <li><input type="text" placeholder="请输入商品名称"><input type="button"></li>
            <li><select name="city" id="">
                <option value="gz">广州市</option>
                <option value="bj">北京市</option>
                <option value="sh">上海市</option>
                <option value="sz">深圳市</option>
            </select></li>
        </ul>
    </header>
    <div class="main">
        <div class="banner"><img src="./images/index/图层 1.jpg" alt=""></div>
        <div class="group_purchase">
            <h1>
                <div class="left">
                    <i class="iconfont icon-tuangou"></i>
                    <span>优惠团购</span>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </h1>
            <ul>
                <li><img src="./images/index/图层 5.jpg" alt=""></li>
                <li><img src="./images/index/图层 7.jpg" alt=""></li>
                <li><img src="./images/index/图层 6.jpg" alt=""></li>
                <li><img src="./images/index/图层 8.jpg" alt=""></li>
            </ul>
        </div>
        <div class="favourites">
            <h1>
                <div class="left">
                    <i class="iconfont icon-icon4"></i>
                    <span>猜你喜欢</span>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </h1>
            <ul>
                <li>
                    <div class="left"><img src="./images/index/图层 3.jpg" alt=""></div>
                    <div class="right">
                        <h2>
                            <a href="detils.html">万岁寿司 (正佳店)</a>
                            <span>&lt;100m</span>
                        </h2>
                        <h3>[100店通用] 双人套餐</h2>
                        <h4>
                            <span>&#165;88.00</span>
                            <span>已售1000</span>
                        </h4>
                    </div>
                </li>
                <li>
                    <div class="left"><img src="./images/index/图层 4.jpg" alt=""></div>
                    <div class="right">
                        <h2>
                            <a href="#">周黑鸭 (正佳店)</a>
                            <span>&lt;100m</span>
                        </h2>
                        <h3>[100店通用] 双人套餐</h2>
                        <h4>
                            <span>&#165;88.00</span>
                            <span>已售1000</span>
                        </h4>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <footer>
        <ul>
            <li>
                <a href="index.html">
                    <i class="iconfont icon-shouye"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="classify.html">
                    <i class="iconfont icon-fenlei4"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="found.html">
                    <i class="iconfont icon-shouye_r2_c2"></i>
                    <span>发现</span>
                </a>
            </li>
            <li>
                <a href="personal_center.html">
                    <i class="iconfont icon-wode"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    
</body>
</html>